﻿<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>企动小程序管理后台 </title>
  </head>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script src="/admin_store/scripts/ajax-data.js"></script>
<script src="/admin_store/scripts/toast-dialog.js"></script>
  <style >
    body{margin:0;padding:0;background-color:#f7f7f7;font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
    .service-tp{height:70px;width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
    .admin-cro{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
    .admin-cro-item{height:35px;width:90px;border-radius:15px;background-color:#f7f7f7;margin-right:10px;display:flex;justify-content:center;align-items:center;font-size:16px}
    .admin-cro-item.on{color:#f1a156;background-color:#f7eadf}
    .content-title{height:75px;width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#fff;box-shadow:2px 5px 8px #e1e1e1}
    .content-title-item{height:100%;width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
    .content-title-item img { height:40px;}
    .content-title-item.on{color:#fff;background-color:#0979c6}
    a:link,a:visited{text-decoration:none}
    .content-title-item:before{content:" ";position:absolute;right:0;top:20%;width:1px;height:60%;border-right:1px solid #c4c4c4;color:#c4c4c4}
    .content-mid{width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-top:20px}
    .nav-list{width:200px;border:1px solid #e4e4e4;padding:10px 0;background-color:#fff;line-height:40px}
    .nav-list-rank1-tit{margin-left:25px; position:relative;}
    .nav-list-rank1-tit img { top:5px; position:absolute;}
    .nav-list-rank1-tit a {font-size: 16px;color: #909090;margin-left: 30px;}
    .nav-list-rank1 ul{list-style:none;margin:0;padding:0;line-height:35px}
    .nav-list-rank1 li a{font-size:14px;color:#5f5f5f;margin-left:75px;position:relative}
    .content-detail{width:985px;background-color:#fff;;border:1px solid #e4e4e4; border-left:0px;}
    .content-detail-tp{height:200px;width:96%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
    .content-detail-tp-lft{height:100%;width:63%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:5px solid #f7f7f7}
    .content-detail-tp-rgt{height:100%;width:33%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:5px solid #f7f7f7}
    .content-detail-tp-lft-tp{height:20%;width:92%;margin:10px auto 0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
    .content-detail-tp-lft-tp-item{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#8d8d8d}
    .content-detail-tp-lft-tp-item-img{margin-right:5px}
    .content-detail-tp-lft-mid{height:60%;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:24px;color:#6d6d6d}
    .content-detail-tp-lft-btm{height:20%;width:90%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
    .content-detail-tp-lft-btm-item{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#8d8d8d}
    .content-detail-tp-lft-btm-item-img{margin-right:5px}
    .content-detail-tp-rgt-tp{height:20%;width:90%;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;color:#8d8d8d}
    .content-detail-tp-rgt-btm{height:60%;width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}
    .days-remaining{display:flex;justify-content:center;align-items:center;font-size:16px;color:#676767}
    .days-remaining span{margin:0 10px 10px 10px;font-size:36px;color:#ff0900}
    .time-coming{height:40px;width:160px;background-color:#fabc05;font-size:16px;color:#fff;display:flex;justify-content:center;align-items:center}
    .content-detail-mid{height:200px;width:96%;margin:auto;margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
    .content-detail-mid-item{height:100%;width:31%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:5px solid #f7f7f7}
    .content-detail-mid-item-tp{height:50%;width:90%;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px}
    .content-detail-mid-item-tp span{font-size:20px;color:#818181;margin-top:40px;margin-left:10px}
    .content-detail-mid-item-btm{height:50%;width:90%;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-left:30px}
    .content-detail-mid-item-btm-item{width:50%;font-size:14px;color:#676767;display:flex;justify-content:flex-start;align-items:center;background:url(/admin_store/images/home/right.png) no-repeat 72px center;background-size:19px 19px}
    .content-detail-mid-item-tp-ot{height:50%;width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;color:#8d8d8d}
    .content-detail-mid-item-btm-ot{height:50%;width:90%;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
    .content-detail-mid-item-btm-ot-item{width:50%;font-size:14px;color:#676767;display:flex;flex-direction:column;justify-content:center;align-items:center}
    .content-detail-mid-item-btm-ot-item span{margin-bottom:10px}
    .content-detail-btm{height:250px;width:96%;margin:auto;margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
    .content-detail-btm-lft{height:100%;width:63%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:5px solid #f7f7f7}
    .content-detail-btm-rgt{height:100%;width:33%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:5px solid #f7f7f7}
    .content-detail-btm-lft-tp{height:80%;width:85%;margin:0 auto;border-bottom:1px solid #ccc}
    .content-detail-btm-lft-tp-item{height:50%;width:70%;margin:0 auto;display:flex;justify-content:center;align-items:center}
    .content-detail-btm-lft-btm{height:20%;width:38%;margin:0 auto;background:url(/admin_store/images/home/right.png) no-repeat 200px center;background-size:19px 19px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#8d8d8d}
    .content-detail-btm-lft-tp-item-num{height:50%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;color:#8d8d8d}
    .content-detail-btm-rgt-tp{height:50%;width:58%;margin:0 auto 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#8d8d8d;margin-top:20px}
    .content-detail-btm-rgt-btm{height:50%;width:100%;font-size:14px;color:#676767;display:flex;flex-direction:column;justify-content:center;align-items:center}
    .content-detail-btm-rgt-btm span{margin-top:10px}
    .admin-cro-item-img{margin-right:8px}
    .nav-ul .cur{ background-color:#0979c6;}
    .nav-ul .cur a{ color:#fff;}

    .top-tip {height:55px;padding: 5px 10px 5px 10px;position:relative;color:#6091b2; line-height:26px; background-color:#dbeffa;}
    .top-tip .add { position:absolute; right:30px; top:10px;}
    .top-tip .msg { margin:0 10px 0 30px;}
    .left {float:left;}  
    .clear { clear:both;}
    .top10 { margin-top:10px;}
    .group-box {width:485px;height:260px;border:solid 1px #ccc;}
    .group-box h2 { height:40px; margin:0px; font-size:16px; text-align:center; background-color:#dbeffa; color:#15588a; line-height:40px;  }
    .group-box table {margin:20px 0 0 40px;}
    .group-box td { height:30px; color:#787775 }
    .service-box {width:485px;height:260px; float:right; margin-left:10px; border:solid 1px #ccc;}
   
  </style>
  <body>
    <div class="service-tp">
      <img src="/admin_store/images/home/logo.png" alt="" >
      <div class="admin-cro">
        <div class="admin-cro-item">
          <img src="/admin_store/images/home/24.png" alt="" class="admin-cro-item-img">
          <span>账户</span>
        </div>
        <div class="admin-cro-item">
          <img src="/admin_store/images/home/25.png" alt="" class="admin-cro-item-img">
          <span>首页</span>
        </div>
        <div class="admin-cro-item">
          <img src="/admin_store/images/home/26.png" alt="" class="admin-cro-item-img">
          <span>退出</span>
        </div>
      </div>
    </div>
    
    <!-- 导航栏 -->
    <div class="content-title">
      <div class="content-title-item">
        <img src="/admin_store/images/home/1.png" data-img="/admin_store/images/home/8.png">
        <span>微信小程序</span>
      </div>
      <div class="content-title-item hide">
        <img src="/admin_store/images/home/2.png" data-img="/admin_store/images/home/9.png">
        <span>小程序分销</span>
      </div>
      <div class="content-title-item hide">
        <img src="/admin_store/images/home/3.png" data-img="/admin_store/images/home/10.png">
        <span>小程序推广</span>
      </div>
    <div class="content-title-item hide">
        <img src="/admin_store/images/home/4.png" data-img="/admin_store/images/home/11.png">
        <span>公众号运营</span>
    </div>
    <div class="content-title-item hide">
        <img src="/admin_store/images/home/5.png" data-img="/admin_store/images/home/12.png">
        <span>朋友圈推广</span>
    </div>
    <div class="content-title-item hide">
        <img src="/admin_store/images/home/6.png" data-img="/admin_store/images/home/13.png">
        <span>PC网站</span>
    </div>
      <div class="content-title-item hide">
        <img src="/admin_store/images/home/7.png" data-img="/admin_store/images/home/14.png">
        <span>代理管理</span>
      </div>
    </div>
    <div class="content-mid">
      
      <div class="nav-list">
        <!--小程序菜单-->
          <div class="nav-list-rank1 nav-weapp hide">
              <div class="nav-list-rank1-tit">
                  <img src="/admin_store/images/home/15.png"><a href="javascript:;">首页定制</a>
              </div>
              <ul class="nav-ul" style="display:none">
                  <li><a href="https://weadmin.711688.net.cn/storeadmin/product/AddProduct_New" target="frameRight">添加商品</a></li>
                  <li><a href="#">添加SKU</a></li>
                  <li><a href="http://wxpassport.711688.com.cn/userinfo/timeset.aspx" target="frameRight">在售商品</a></li>
                  <li><a href="#">定时商品</a></li>
              </ul>
          </div>
        <div class="nav-list-rank1 nav-weapp hide">
            <div class="nav-list-rank1-tit">
                <img src="/admin_store/images/home/17.png"><a href="javascript:;">商品管理</a>
            </div>
            <ul class="nav-ul" style="display:none">
                <li><a href="https://weadmin.711688.net.cn/storeadmin/product/AddProduct_New" target="frameRight">添加商品</a></li>
                <li><a href="#">添加SKU</a></li>
                <li><a href="http://wxpassport.711688.com.cn/userinfo/timeset.aspx" target="frameRight">在售商品</a></li>
                <li><a href="#">定时商品</a></li>
            </ul>
        </div>
        <!--分销菜单-->
            <div class="nav-list-rank1 nav-dis hide">
                <div class="nav-list-rank1-tit"><img src="/admin_store/images/home/17.png"><a href="javascript:;">商品管理</a></div>
                <ul class="nav-ul" style="display:none">
                    <li><a href="">添加商品</a></li>
                    <li><a href="#">添加SKU</a></li>
                    <li><a href="#">在售商品</a></li>
                </ul>
            </div>
      
        <!--推广菜单-->
            <div class="nav-list-rank1 nav-dyb hide">
                <div class="nav-list-rank1-tit"><img src="/admin_store/images/home/17.png"><a href="javascript:void(0)">商品管理</a></div>
                <ul class="nav-ul" style="display:none">
                    <li><a href="#">添加商品</a></li>
                    <li><a href="#">添加SKU</a></li>
                    <li><a href="#">在售商品</a></li>
                </ul>
            </div>
            
        <!--代理菜单-->
            <div class="nav-list-rank1 nav-agent hide">
                <div class="nav-list-rank1-tit"><img src="/admin_store/images/home/17.png"><a href="javascript:void(0)">商品管理</a></div>
                <ul class="nav-ul" style="display:none">
                    <li><a href="#">添加商品</a></li>
                    <li><a href="#">添加SKU</a></li>
                    <li><a href="#">在售商品</a></li>
                </ul>
            </div>
        
     
      </div>

      <div class="content-detail">

          <div class="top-tip">
              <img src="/admin_store/images/home/17.png"> <strong>提示</strong>
              <div class="msg">开始新增一个小程序！</div>
              <div class="add"><img src="/admin_store/images/home/18.png"> </div>
          </div>

          <div class="box top10">
              <div class="group-box left">
                  <h2>小程序&订阅宝</h2>
                <table>
                    <tr>
                        <td colspan="2" style="font-weight:bold">上海企动信息技术有限公司深圳分公司</td>
                    </tr>
                        <tr>
                            <td style="width:85px;">用户编号：</td>
                            <td>135296</td>
                        </tr>
                    <tr>
                        <td>注册版本：</td>
                        <td>小程序</td>
                    </tr>
                    <tr>
                        <td>注册时间：</td>
                        <td>2018-01-01</td>
                    </tr>
                    <tr>
                        <td>到期时间：</td>
                        <td>2019-01-01</td>
                    </tr>
                </table>

              </div>
              <div class="group-box service-box left">
                  <h2>服务联系</h2>
                  <table>
                      <tr>
                          <td colspan="2" style="font-weight:bold">上海企动信息技术有限公司深圳分公司</td>
                      </tr>
                      <tr>
                          <td style="width:85px;">小宝专员：</td>
                          <td>QD004</td>
                      </tr>
                      <tr>
                          <td>小宝电话：</td>
                          <td>小程序</td>
                      </tr>
                      <tr>
                          <td>小宝邮箱：</td>
                          <td>2018-01-01</td>
                      </tr>
                      <tr>
                          <td>小宝Q Q：</td>
                          <td>2019-01-01</td>
                      </tr>
                  </table>
              </div>
              <div class="clear"></div>
          </div>

          <!--右侧框架-->
          <iframe class="J_iframe" id="frameRight" name="frameRight" width="100%" height="600" src="" frameborder="0"></iframe>
       
          <!--登录校验-->  
          <iframe class="J_iframe" id="frameWeapp" name="frameRight" width="100%" height="600" style="display:none;" frameborder="0"></iframe>
          <div id="iframe-weapp"></div>  
      </div>
    </div>
      
    <script type="text/javascript">

        $(function () {
            bindBtn();
            $(".content-title-item").eq(0).click();
        })


        function bindBtn() {
            $(".nav-ul li").click(function () {
                $(".nav-ul li").removeClass("cur");
                $(this).addClass("cur");
            })

            //导航条事件
            $('.content-title-item').click(function () {
                $('.content-title-item').removeClass("on");
                $(this).addClass("on");

                $(".content-title-item img").each(function () {
                    var old_src = $(this).attr("data-oldimg");
                    if (old_src != null)
                        $(this).attr("src", old_src);
                    else
                        $(this).attr("data-oldimg", $(this).attr("src"));
                });

                //选中的图片
                $('.content-title .on').find("img").each(function () {
                    $(this).attr("src", $(this).attr("data-img"));
                });
            });
        }


      // 导航栏
      $('.nav-list-rank1-tit a').on('click', function() {
        $(this).parent('div').next('ul').slideToggle();
        /* Act on the event */
      }).eq(0).click();
      $('.admin-cro-item').on('click',function(){
        $(this).toggleClass('on');
        $(this).siblings('div').removeClass('on');
        var now = $(this).index();
        if (now==0) {
          $(this).find('img').attr('src','/admin_store/images/home/27.png');
          $(this).siblings('div').eq(0).find('img').attr('src','/admin_store/images/home/25.png')
          $(this).siblings('div').eq(1).find('img').attr('src','/admin_store/images/home/26.png')
        }
        if (now==1) {
          $(this).find('img').attr('src','/admin_store/images/home/28.png');
          $(this).siblings('div').eq(0).find('img').attr('src','/admin_store/images/home/24.png')
          $(this).siblings('div').eq(1).find('img').attr('src','/admin_store/images/home/26.png')
        }
        if (now==2) {
          $(this).find('img').attr('src','/admin_store/images/home/29.png');
          $(this).siblings('div').eq(0).find('img').attr('src','/admin_store/images/home/24.png')
          $(this).siblings('div').eq(1).find('img').attr('src','/admin_store/images/home/25.png')
        }
      })

     



      var isWeapp = false, isTG = false, isDis = false, isAgent = false;
      var weappDomain = "https://weadmin.711688.net.cn";   
      
      //加载版本
      function loadGroup() {
          var sign = getQueryString("sign") == null ? "" : getQueryString("sign");          
          AjaxJsonp("http://api.711688.com.cn/user.ashx?sign="+sign+"&method=getusergroup&format=jsonp&callback=JsonpCallback", "", function (data) {
              if (data.Code != jsonCode.success) {
                  toast.show(data.Message);
                  return;
              }

              loadAgent();
              loadWeapp("china_e", "", "");
              var groupList = data.Data;
              for (var i = 0; i < groupList.length; i++) {
                  var item = groupList[i];
                  if (item.GroupType >= 15 && item.GroupType <= 18)
                      isWeapp = true;   //小程序
                  if (item.GroupType == 19)
                      isDis = true;     //分销版
                  if (item.GroupType == 9)
                      isTG = true;   //小程序推广
              }
             
              loadMenu();
          })
      }

      //加载代理
      function loadAgent() {

      }


     
      function getQueryString(name) {
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
          var r = decodeURI(window.location.search).substr(1).match(reg);
          if (r != null)
              return unescape(r[2]);
          return null;
      }

    </script>
  </body>
</html>
